<!doctype html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<title>Luren Talk</title>
<style type="text/css">
html,body{font-size:90%;padding:0;}
#ptalk{top:5px;width:99%;position:absolute;height:99%;left:0;position:absolute;}

#userPanel{height:50px;position:relative;left:5px;}
#panelUp{position:relative;left:5px;height:20px;}
#userStatus{background:transparent url("./images/check.gif") no-repeat scroll left center;height:10px;width:15px;cursor:pointer;}
#userStatus:hover .pt_dropdown,#userStatus:focus .pt_dropdown{border-top-color:#333333;}

#userLog{position:relative;top:-5px;color:#999999;font-size:12px;padding:5px;left:5px;}
#userLog:hover,focus {color:#333333;}
#siteLink{right:10px;position:absolute;}

#userShow{float:left;}
#showImg{height:50px;width:50px;}
#panelUnder{position:absolute;left:55px;height:25px;}
#userLink{float:left;}
#addressBar{height:24px;float:left;}
#addressBarInput{float:left;height:22px;margin:0 4px;}
#searchBar{height:20px;float:right;position:relative;}
#searchBarInput{float:left;height:22px;margin:0 4px;}
#contactBtn:hover,focus, #msgBox_Btn:hover,focus, #msg_box_reply:hover,focus, #addMark:hover,focus, #addTab:hover,focus, #openPage:hover,focus, #refreshPage:hover,focus, #searchBarBtn:hover,focus, .msg_box_reply:hover,focus {border-color:#888888;}

/**the float box shadow in firefox or webkit**/
#contactList,#msgBox,#mainMenu,.pt_com_box, .pt_talk_box{-moz-box-shadow:1px 2px 5px #888888;border:0 none;-webkit-box-shadow:1px 2px 5px #888888;}
/*********************************************/


/**the frame and browser tab docment style**/
#tabBox{width:25px;position:relative;padding-top:10px;float:left;}
#activeDiv{width:98%;height:90%;float:left;left:25px;position:absolute;}
#statusBar{height:25px;}
/***********************************************/

#contactList,#msgBox,#mainMenu{background-color:#F7F7F7;z-index:200;position:absolute;border:1px solid #D0D0D0;font-size:12px;}
    
/*the talk box style*/
.pt_talk_box{position:absolute;left:200px;border:1px solid gray;height:500px;width:500px;overflow:hidden;background-color:#FFF;padding-bottom:20px;}
.pt_talk_box_up{z-index:1001;}
.pt_talk_box_title,.pt_talk_box_tool{height:25px;}
.pt_talk_box_title{background-color:#5590D2;text-align:center;color:#FFF;line-height:20px;cursor:default;}
.pt_talk_box_tool{background-color:#F7F7F7;border:1px solid #888888;}
.pt_talk_box_tool img{margin:0 5px;cursor:pointer;border:1px solid #F7F7F7;}
.pt_talk_box_tool_select{top:-5px;position:relative;}
.pt_talk_box_tool img:hover,focus {border:1px solid #000000;}
.pt_talk_box_close,.pt_talk_box_min{top:5px;position:absolute;width:15px;height:15px;cursor:pointer;visibility:visible;}
.pt_talk_box_min{background:url(./images/box_min.png) no-repeat 0px 0px;right:15px;}
.pt_talk_box_close{background:url(./images/box_close.png) no-repeat 0px 0px;right:1px;}
.pt_talk_box_btn{background-color:#BBBBBB;}
.pt_talk_box_msg{height:440px;position:relative;padding:5px;padding-bottom:20px;overflow-y:auto;overflow-x:hidden;}
.pt_user_msg_input{margin-bottom:5px;border:1px solid green;padding:5px 5px;line-height:15px;}
.pt_editer{outline:none;padding:5px 0;line-height:15px;font-size:small;margin-bottom:10px;cursor:text;}
.pt_editer p{margin:0 0 0 0;padding:0 0;}
.pt_msg_me_send,.pt_msg_send_info{color:blue;width:100px;font-weight:bold;}
.pt_msg_box_btn{width:40px;right:4px;top:5px;position:relative;}

.pt_com_box{background:#F7F7F7;width:250px;height:50px;position:absolute;left:160px;border:1px solid #888888;z-index:2000;}
.pt_com_box input{margin:2px 2px;float:left;width:190px;color:#999999;}
.pt_com_box .pt_btn{float:right;margin:1px 1px;}
.pt_color_box {width:145px;height:150px;z-index:5000;position:absolute;border:1px solid #888888;padding:5px 5px;background-color:#FFF;}
.pt_color_box table{border:1px solid #888;padding:0;border-left:0;}
.pt_color_center_table {margin:5px 0;}
.pt_color_box div{width:15px;height:15px;margin:0;cursor:pointer;border-width:1px;border-style:solid;}
.pt_color_box tr{padding:0;margin:0;}
.pt_color_box td{padding:0;margin:0;border-left:1px solid #888;}
.pt_color_box div:hover,:focus {border-color:#EEEEEE;}
/********************************************/



.pt_scroll_bar{width:6px; height:20px; background:#ccc; position:absolute; right:-4px; top:0; }
input, select{font-size:95%;border:1px solid #AAAAAA;}
/**the frame and browser tab style**/
.pt_active_frame{width:100%;height:100%;border:1px solid #888888;}
.pt_center{width:100%;height:90%;}
.pt_tab_btn{float:right;line-height:12px;font-size:90%;border:1px   solid #BBBBBB;background-color:#E3E3E3;cursor:pointer;padding:5px 5px;margin-bottom:5px;text-align:center;}
.pt_tab_btn_active{border-right-color:#FFFFFF;background-color:#FFFFFF;margin-right:-1px;border-right:1px solid #FFF;z-index:100;position:relative;}
.pt_tab_close{width:16px;height:16px;position:relative;top:2px;border:1px solid #E3E3E3;}
.pt_tab_close:hover,focus {background-color:#FFFFFF;border:1px solid #888888;}
/****************************************************/


/**the pt common style**/
.pt_bar_btn{height:20px;width:50px;float:left;}
.pt_pointer{cursor:pointer;}
.pt_left{float:left;}
.pt_right{float:right;}
.pt_dropdown{position:relative;left:10px;top:8px;height:1px;width:1px;border-color:#888888 #EEEEEE #EEEEEE;border-style:solid;border-width:4px 4px 0;}
/********************************************************/



/**the pt button style**/
.pt_btn{border:1px solid #BBBBBB;float:left;margin:0 4px;}
.pt_btn:hover,focus {border:1px solid #888888;}
.pt_btn_base{background-color:#E3E3E3;position:relative;cursor:pointer;}
.pt_btn_shadow{background:#F9F9F9 none repeat scroll 0 0;border-bottom:2px solid #EEEEEE;overflow:hidden;position:absolute;left:0;top:0;right:0;height:8px;}
.pt_btn_text{line-height:20px;font-size:90%;color:#333333;text-align:center;position:relative;margin-top:0;padding:0 5px;}
/**************************************************************/



/**the pt active menu style**/
.pt_menuitem{padding:0 4px 0 20px;cursor:default;}
.pt_menu_ico{float:left;height:16px;width:15px;left:4px;position:absolute;}
.pt_menu_text{line-height:20px;}
.pt_menu_ext{color:blue;cursor:pointer;padding:0 0 3px;position:relative;text-align:right;}
.pt_menu_ext:hover {color:red;background-color:#FFFFFF;}
.pt_menuitem_highlight{background-color:#BECDEE;}
.pt_menugroup{border-bottom:1px solid #D0D0D0;}
/***********************************************/
</style>

<script type="text/javascript">
window.onload = function(){
if(window.parent.PTH)
{
    window.location.href="/myhome";
    return;
}else{
    window.PTH = true;
    var js = ['data','lib','ui','comm','event','ajax','load'];
    var h = document.getElementsByTagName('head')[0];
    var index = 0;
    var CJ = function(){
        if(index>=js.length) return;
        var node= document.createElement('script');
        node.type='text/javascript';
        node.src='/ui/'+js[index]+'.js?'+Math.random();
        node.onload = function(){index +=1;return CJ();}
        h.appendChild(node);
    }
    CJ('data','lib');
}
}
</script>
</head>
<body>
<div id="ptalk">
</div>
</body>
</html>
